<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.Statement" %>
<%@ page import="java.sql.DriverManager" %><%--
  Created by IntelliJ IDEA.
  User: 林云志
  Date: 2018/4/2
  Time: 20:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>数字迎新系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Complex Layout - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="css/easyui.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script>
        $(function(){
            $('#tt2').datagrid({
                title:'My Title',
                iconCls:'icon-save',
                width:600,
                height:350,
                nowrap: false,
                striped:true,
                fit: true,
                url:'datagrid_data.json',
                sortName: 'code',
                sortOrder: 'desc',
                idField:'code',
                frozenColumns:[[
                    {field:'ck',checkbox:true},
                    {title:'code',field:'code',width:80,sortable:true}
                ]],
                columns:[[
                    {title:'Base Information',colspan:3},
                    {field:'opt',title:'Operation',width:100,align:'center', rowspan:2,
                        formatter:function(value,rec){
                            return '<span style="color:red">Edit Delete</span>';
                        }
                    }
                ],[
                    {field:'name',title:'Name',width:120},
                    {field:'addr',title:'Address',width:120,rowspan:2,sortable:true},
                    {field:'col4',title:'Col41',width:150,rowspan:2}
                ]],
                pagination:true,
                rownumbers:true
            });
        });
        $(document).ready(function () {
            $("p").click(function () {
                $("[title='Tab1']").show()
            })
        });

    </script>
  </head>
  <body class="easyui-layout">





  <div region="north" title="" split="true" style="height:100px;padding:10px;">
    <p><h1>数字迎新系统</h1></p>
  </div>
    <div class="easyui-layout" fit="true" style="background:#ccc;">
      <div region="center"></div>
      <div region="east" split="true" style="width:200px;"></div>

  </div>
  <div region="east" iconCls="icon-reload" title="Tree Menu" split="true" style="width:180px;">
    <ul class="easyui-tree" url="tree_data.json"></ul>
  </div>
  <div region="west" split="true" title="系统菜单" style="width:280px;padding1:1px;overflow:hidden;">
    <div class="easyui-accordion" fit="true" border="false">
      <div title="报到单管理" style="padding:10px;overflow:auto;">
        <p>content1</p>
        <p>content1</p>
        <p>content1</p>
        <p>content1</p>
        <p>content1</p>
        <p>content1</p>
        <p>content1</p>
        <p>content12</p>
      </div>
      <div title="分班分学号" selected="true" style="padding:10px;">
        <p>一键分班</p>
        <p>自动分班</p>
        <p>手动分班</p>
        <p>自动分学号</p>
        <p>手工分学号</p>
        <p>导入学号</p>
        <p>清除班级学号</p>
      </div>
      <div title="迎新手续办理" style="padding:10px">
        <p>手续类型管理</p>
        <p>迎新手续定制</p>
        <p>招生办（确认信息）</p>
        <p>新生院系报到</p>
      </div>
      <div title="外部信息导入" style="padding:10px">
        <p>交费信息导入</p>
      </div>
      <div title="查询报表统计" style="padding:10px">
        <p>新生信息查询</p>
        <p>专业调整信息</p>
        <p>新生手续办理</p>
        <p>学生人数统计</p>
        <p>院系报到统计</p>
        <p>院系专业报到统计</p>
        <p>生源省区人数统计</p>
        <p>历年报到统计</p>
        <p>报到情况统计</p>
        <p>手续办理统计</p>
        <p>新生信息核对</p>
      </div>
      <div title="基础信息管理" style="padding:10px">
        <p>单位信息管理</p>
        <p>专业信息管理</p>
        <p>班级信息管理</p>
        <p>学生信息管理</p>
        <p>新生信息管理</p>
        <p>新生专业调整</p>
      </div>
      <div title="基础信息导入" style="padding:10px">
        content3
      </div>
      <div title="迎新系统设置" style="padding:10px">
        <p>系统参数设置</p>
        <p>班级生成规则</p>
        <p>班级编号规则</p>
        <p>收费接口设置</p>
        <p>学号生成规则</p>
        <p>学生类别</p>
        <p>培养层次</p>
        <p>培养方法</p>
        <p>招生类别</p>
        <p>生源省区</p>
        <p>名族</p>
        <p>性别</p>
        <p>学制</p>
      </div>
      <div title="网站后台管理" style="padding:10px">
        content3
      </div>
      <div title="物品选购管理" style="padding:10px">
        content3
      </div>
      <div title="运行维护管理" style="padding:10px">
        content3
      </div>
      <div title="用户权限管理" style="padding:10px">
        <p>用户信息管理</p>
        <p>系统角色管理</p>
        <p>用户授权管理</p>
        <p>菜单信息管理</p>
      </div>
    </div>
  </div>
  <div region="center" title="Main Title" style="overflow:hidden;">
    <div class="easyui-tabs" fit="true" border="false">
      <div title="Tab1" style="padding:20px;overflow:hidden;">
        <div style="margin-top:20px;">
          <h3>jQuery EasyUI framework help you build your web page easily.</h3>
          <li>easyui is a collection of user-interface plugin based on jQuery.</li>
          <li>using easyui you don't write many javascript code, instead you defines user-interface by writing some HTML markup.</li>
          <li>easyui is very easy but powerful.</li>
        </div>
      </div>
      <div title="Tab2" name="Tab2"closable="true" style="padding:20px;">This is Tab2 width close button.</div>
      <div title="Tab3" iconCls="icon-reload" closable="true" style="overflow:hidden;padding:5px;">
        <table id="tt2"></table>
      </div>
    </div>
  </div>
  </body>
</html>
